<%--
User: limeng
Date: 16/8/5
Time: 下午3:11
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    .jc_panel_body {
        padding : 20px 40px 0 30px;
    }
    .jc_articleList {
        font-size: smaller;
        font-family: "宋体", sans-serif;
        padding-left: 15px;
    }
    .jc_articleList li {
        list-style-image: url("/image/sanjiao.jpg");

        border-bottom: 1px dashed #888;
        margin:15px 0;
        padding-bottom: 10px;

        color : #bbb;
    }
    .jc_articleList a {
        text-decoration: none;
        color : inherit;
    }
    .jc_articleTitle {
        display: inline-block;
        width: 830px;
        color : black;
    }
    .jc_crumb {
        font-size: small;
        font-weight:lighter;
        line-height: 24px;
        text-shadow: 1px 1px 3px black;
    }
    .jc_crumb a {
        color: white;
        text-decoration: none;
    }
</style>


<div class="jc_panel jc_panel_primary">
    <div class="jc_panel_header">
        {{title}}
        <div class="pull-right jc_crumb">当前位置:<a href="#/">首页</a> > {{title}}</div>
    </div>
    <div class="jc_panel_body" style="min-height: 600px">
        <ul class="jc_articleList">
            <li ng-repeat = "article in articles">
                <a ng-href="#/viewProposal/{{article.id}}" ng-if="isProposal">
                    <span class="jc_articleTitle">{{article.title}}</span>
                    {{article.updateTime | date : 'yyyy-MM-dd'}}
                </a>
                <a ng-href="#/viewArticle/{{article.id}}" ng-if="!isProposal">
                    <span class="jc_articleTitle">{{article.title}}</span>
                    {{article.updateTime | date : 'yyyy-MM-dd'}}
                </a>
            </li>
        </ul>
    </div>
    <div class="jc_panel_footer">
        <span>当前在第{{pageNo}}页,共{{pageCount}}页</span>
        <button class="jc_btn" type="button" ng-click="previousPage()">上一页</button>
        <button class="jc_btn" type="button" ng-click="nextPage()">下一页</button>
        <div class="pull-right">
            <span>
                每页显示
                <input type="text"
                       ng-model="pageSize"
                       style="width: 25px">
                行
            </span>&nbsp;
            <span>
                跳转到第
                <input type="text"
                       ng-model="inputPageNo"
                       style="width: 20px">
                页
            </span>
            <button class="jc_btn" type="button" ng-click="jumpPage()">跳转</button>
    </div>
</div>